<template>
  <div class="Driverfiledetails">
    <mt-cell title="受损类型:" :value="dataForm.damageType"></mt-cell>
    <mt-cell title="航空器运输企业:" :value="dataForm.damageType"></mt-cell>
    <mt-cell title="发生地:" :value="dataForm.facilitiesName"></mt-cell>
    <mt-cell title="航空器型式/型号:" :value="dataForm.airType"></mt-cell>
    <mt-cell title="航空器注册号:" :value="dataForm.registration"></mt-cell>
    <mt-cell title="发现日期时间:" :value="dataForm.findDate"></mt-cell>
    <mt-cell title="本航段起飞机场:" :value="dataForm.facilitiesDept"></mt-cell>
    <mt-cell title="着落机场:" :value="dataForm.telephone"></mt-cell>
    <mt-cell title="发现阶段:" :value="dataForm.discoveryPhaseName"></mt-cell>
    <mt-cell title="更换轮胎:" :value="dataForm.tireReplacementName"></mt-cell>
    <mt-cell title="伤口尺寸:" :value="dataForm.facilitiesSteel"></mt-cell>
    <mt-cell title="沟槽深度:" :value="dataForm.dateOfProduction"></mt-cell>
    <mt-cell title="伤口形状:" :value="dataForm.dateOfProduction"></mt-cell>
    <mt-cell title="携外来物:" :value="dataForm.dateOfProduction"></mt-cell>
    <mt-cell title="受损位置:" :value="dataForm.damagedLocationName"></mt-cell>
    <mt-cell title="判定结果:" :value="dataForm.dateOfProduction"></mt-cell>
    <mt-cell title="航空器维修部门:" :value="dataForm.dateOfProduction"></mt-cell>
    <mt-cell title="维修人员:" :value="dataForm.signatureMaintenance"></mt-cell>
    <mt-cell title="日期:" :value="dataForm.findDate"></mt-cell>
    <mt-cell title="维修员手机:" :value="dataForm.stateName"></mt-cell>
    <mt-cell title="图片:"></mt-cell>
    <mt-cell>
      <img :src="item.url" alt class="imgW_30" v-for="item in imgurl" :key="item.key">
    </mt-cell>
    <mt-cell title="备注:" :value="dataForm.reames"></mt-cell>
    <mt-cell title="机场部门:" :value="dataForm.reames"></mt-cell>
    <mt-cell title="接报时间:" :value="dataForm.reames"></mt-cell>
    <mt-cell title="到达时间:" :value="dataForm.reames"></mt-cell>
    <mt-cell title="机场负责人员:" :value="dataForm.reames"></mt-cell>
    <mt-cell title="日期:" :value="dataForm.findDate"></mt-cell>
    <mt-cell title="机场负责人联系手机:" :value="dataForm.reames"></mt-cell>
    <mt-cell title="备注:" :value="dataForm.reames"></mt-cell>
    <mt-cell title="参考信息:"></mt-cell>
    <mt-cell title="轮胎所处位置:" :value="dataForm.reames"></mt-cell>
    <mt-cell title="轮胎位置编号:" :value="dataForm.reames"></mt-cell>
    <mt-cell title="轮胎序号:" :value="dataForm.reames"></mt-cell>
    <mt-cell title="轮胎规格:" :value="dataForm.reames"></mt-cell>
    <mt-cell title="轮胎件号:" :value="dataForm.reames"></mt-cell>
    <mt-cell title="轮胎类型:" :value="dataForm.reames"></mt-cell>
    <mt-cell title="翻新次数:" :value="dataForm.reames"></mt-cell>
    <mt-cell title="轮使用起落次数:" :value="dataForm.reames"></mt-cell>
    <mt-cell title="轮使用起落次数:" :value="dataForm.reames"></mt-cell>
    <mt-cell title="图片:"></mt-cell>
    <mt-cell>
      <img :src="item.url" alt class="imgW_30" v-for="item in imgurl" :key="item.key">
    </mt-cell>
    <p>填写说明：</p>
    <p>
      1、表中各项内容应尽可能填写，如果对于表中某项内
      容无法确定或达成一致的，可不填写或勾选“不详”，并
      在备注中说明相关情况。
    </p>
    <p>
      2、“参考信息”部分由香菜确认人员填写，可在事后完
      成填写
    </p>
  </div>
</template>

<script>
import { mapState, mapMutations } from "vuex";
export default {
  data() {
    return {
      data: "",
      dataForm: [],
      imgurl: [
        {
          key: 1,
          url:
            "http://62.234.223.249:7777/group1/M00/00/07/rBUQDlx2W3mAZ5pEAAC3VXotLqs996.jpg"
        },
        {
          key: 2,
          url:
            "http://62.234.223.249:7777/group1/M00/00/07/rBUQDlx2W3mAZ5pEAAC3VXotLqs996.jpg"
        },
        {
          key: 3,
          url:
            "http://62.234.223.249:7777/group1/M00/00/07/rBUQDlx2W3mAZ5pEAAC3VXotLqs996.jpg"
        },
        {
          key: 4,
          url:
            "http://62.234.223.249:7777/group1/M00/00/07/rBUQDlx2W3mAZ5pEAAC3VXotLqs996.jpg"
        }
      ]
    };
  },
  components: {},
  created() {},
  computed: {},
  mounted() {
    this.DataIndex();
    this.$store.commit("SET_USER_INFO", "航空器损伤信息记录表");
  },
  watch: {},
  methods: {
    DataIndex: function() {
      this.$store.dispatch("damagIndex", this.$route.query.id).then(data => {
        this.dataForm = data;
      });
    }
  }
};
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scpoed>
.Driverfiledetails {
  position: fixed;
  top: 0.7rem;
  left: 0;
  overflow-y: scroll;
  width: 100%;
  height: auto;
  -webkit-overflow-scrolling: touch; /*这句是为了滑动更顺畅*/
  bottom: 0;
}
.Driverfiledetails .mint-cell-title {
  text-align: left;
}
.imgW_30 {
  width: 33%;
  float: left;
}
</style>
